<!--配卡向导-->
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.min.js"  />"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/default/easyui.css"/>" />
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/themes/icon.css"/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.5.6/demo/demo.css"/>">
<title>考勤配卡向导</title>
</head>
<body>
	<div style="padding: 1px; height: auto; background: #e0ecff">
		<a class="easyui-linkbutton"
			data-options="iconCls:'icon-undo',text:'取消',plain:true"></a> <a
			class="easyui-linkbutton"
			data-options="iconCls:'icon-add',plain:true"></a> <a
			class="easyui-linkbutton"
			data-options="iconCls:'icon-remove',text:'EV',plain:true"></a> <a
			class="easyui-linkbutton"
			data-options="iconCls:'icon-reload',plain:true">刷新</a>
	</div>

	<div class="easyui-panel" data-options="fit:true">
		<div class="easyui-layout" data-options="fit:true">
		
			<div data-options="region:'center'" style="padding: 10px 120px">
				<form id="ff" class="easyui-form" method="post"
					data-options="novalidate:true ">
					<div style="margin-bottom: 12px">
						<input class="easyui-datebox" name="name" style="width: 300px"
							data-options="label:'参考日期:'">
					</div>
					<div style="margin-bottom: 12px">
						<input class="easyui-textbox" name="email" style="width: 300px"
							data-options="label:'班组:',required:true,validType:'email'">
					</div>
					<div style="margin-bottom: 12px">
						<input class="easyui-textbox" name="subject" style="width: 300px"
							data-options="label:'组织:'">
					</div>
					<div style="margin-bottom: 12px">
						<input class="easyui-textbox" name="message" style="width: 300px;"
							data-options="label:'职位:'">
					</div>


					<div style="margin-bottom: 12px">
						<select class="easyui-combobox" name="dept" label="部门"
							style="width: 300px"><option value="ar">运营部</option>
							<option value="ar">研发部</option></select>
					</div>

					<div style="margin-bottom: 12px">

						<input class="easyui-textbox" name="yuan" style="width: 300px;"
							data-options="label:'员工从：'">

					</div>
					<div style="margin-bottom: 12px">
						<input class="easyui-textbox" name="it" style="width: 300px;"
							data-options="label:'员工到：'">
					</div>
					<div style="margin-bottom: 12px">
						<input class="easyui-datebox" name="date" style="width: 200px;"
							data-options="label:'生效日期：'"> <input
							class="easyui-timespinner"
							data-options="labelPosition:'top',min:'00:00',max:'24:00'"
							style="width: 120px;">
					</div>
					<div style="margin-bottom: 12px">

						仅包含未配卡员工<input name="fruit" type="checkbox" checked value="Orange">

					</div>
				</form>
				<div style="text-align: center; padding: 5px 0">
					<a href="javascript:void(0)" class="easyui-linkbutton"
						onclick="submitForm()" style="width: 80px">下一步</a> <a
						href="javascript:void(0)" class="easyui-linkbutton"
						onclick="clearForm()" style="width: 80px">清除</a>
				</div>
			</div>
		</div>
	</div>

	<script>
		$(function() {

		})

		function submitForm() {
			$('#ff').form('submit', {
				onSubmit : function() {
					return $(this).form('enableValidation').form('validate');
				}
			});
		}
		function clearForm() {
			$('#ff').form('clear');
		}
	</script>


</body>
</html>